<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大唐艺术家</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/iconfont/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="dist/css/swiper.min.css">
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="dist/js/swiper.jquery.min.js"></script>
    <script type="text/javascript" src="js/masonry-docs.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
    <div id="header">
        <div class="header_bar">
            <div class="web_inner">
                <div class="float_l">
                    <a href="javascript:;" class="float_l curr">大唐艺术网首页</a>
                    <a href="javascript:;" class="float_l">设为首页</a>
                    <a href="javascript:;" class="float_l">加入收藏</a>
                </div>
                <div class="float_r">
                    <a href="javascript:;" class="float_l">客服热线：010-12345678</a>
                    <a href="javascript:;" class="float_l">登录</a>
                    <a href="javascript:;" class="float_l">免费注册</a>
                </div>
            </div>
        </div>
        <div class="index_header">
            <div class="web_inner">
                <div class="logo float_l">
                    <img src="images/logo.jpg" alt="">
                </div>
                <ul class="nav_bar float_r">
                    <li class="nav_item">
                        <a href="javascript:;" class="title">首页</a><br>
                    </li>    
                    <li class="nav_item">
                        <a href="javascript:;" class="title">艺讯</a>
                        <ul class="nav_sun">
                            <li><a href="javascript:;">美术综合</a></li>
                            <li><a href="javascript:;">拍卖资讯</a></li>
                            <li><a href="javascript:;">集藏信息</a></li>
                            <li><a href="javascript:;">艺术市场</a></li>
                            <li><a href="javascript:;">艺术交流</a></li>
                            <li><a href="javascript:;">访谈评论</a></li>
                            <li><a href="javascript:;">展览资讯</a></li>
                            <li><a href="javascript:;">美术大家</a></li>
                        </ul>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">艺术家</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">艺品</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">展览</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">拍卖</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">视频</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">专题</a>
                    </li>
                    <li class="nav_item curr">
                        <a href="javascript:;" class="title">电子画册</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="content">
        <div class="jbs-banner min-w">
            <img src="images/jbs_banner.jpg">
            <div class="web_inner">
                <img src="images/author-01.jpg" class="head">
                <p class="name">齐白石</p>
                <p class="year">（1864-1957）</p>
                <div class="btns">
                    <span class="btn">中国</span>
                    <span class="btn">国画</span>
                </div>
                <div class="cont">
                    齐白石（1864-1957），湖南湘潭人，祖籍安徽宿州砀山，原名纯芝，字渭青，号兰亭。后改名璜，字濒生，号白石、白石山翁、老萍齐白石（1864-1957），湖南湘潭人，祖籍安徽宿州砀山，原名纯芝，字渭青，号兰亭。后改名璜，字濒生，号白石、白石山翁、老萍齐白石（1864-1957），湖南湘潭人，祖籍安徽宿州砀山，原名纯芝，字渭青，号兰亭。后改名璜，字濒生，号白石、白石山翁、老萍齐白石（1864-1957），湖南湘潭人，祖籍安徽宿州砀山，原名纯芝，字渭青，号兰亭。后改名璜，字濒生，号白石、白石山翁、老萍
                </div>
                <div class="item">
                    <a href="javascript:;" class="thumb">
                        <img src="images/huace.jpg" alt="" class="bg">
                        <img src="images/icon-code.png" alt="" class="code">
                        <div class="code-mask">
                            <img src="images/code-eg.png" alt="">
                        </div>
                    </a>
                    <div class="content">齐白石的电子画册 &nbsp;&nbsp; <i class="iconfont icon-xin green"></i>12345 <i class="iconfont icon-fenxiang"></i></div>
                </div>
            </div>
        </div>
        <div id="index_floor_box" class="web_inner jbs_content">
            <div class="web_content">
                <p class="green tit-c">齐白石 · 作品</p>
                <ul class="product_list clear" id="masonry">
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/zx.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/author-01.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/huace.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/zx.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/huace.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/zx.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/p-banner_02.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/zx.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/zx.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                </ul>


                <p class="green tit-c">齐白石 · 展览</p>
                <ul class="zixun_list clear">
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05</p>
                            <p class="desc clamp2">景兴通宝图片及价格_2011年第46周 艺术网 讯景兴通宝后黎朝显宗黎维褍景兴景兴通宝图片及价格</p>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05</p>
                            <p class="desc clamp2">景兴通宝图片及价格_2011年第46周 艺术网 讯景兴通宝后黎朝显宗黎维褍景兴景兴通宝图片及价格</p>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05</p>
                            <p class="desc clamp2">景兴通宝图片及价格_2011年第46周 艺术网 讯景兴通宝后黎朝显宗黎维褍景兴景兴通宝图片及价格</p>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05</p>
                            <p class="desc clamp2">景兴通宝图片及价格_2011年第46周 艺术网 讯景兴通宝后黎朝显宗黎维褍景兴景兴通宝图片及价格</p>
                        </div>
                    </li>
                </ul>

                <p class="green tit-c">头条 · 资讯</p>
                <div class="toutiao clear">
                    <div class="left">
                        <p class="t">如果地球上的博物馆都消失 未来的博物馆如何重建</p>
                        <div class="c clamp3">在2019年初，《艺术客》编辑部拜访了著名的柏林当代艺术博物馆，并采访博物馆馆长柯嘉比博士（Gabriele Knapstei在2019年初，《艺术客》编辑部拜访了著名的柏林当代艺术博物馆，并采访博物馆馆长柯嘉比博士（Gabriele Knapstei</div>
                        <ul class="clear">
                            <li>
                                <p class="d">04</p>
                                <p class="ym">2018-05</p>
                            </li>
                            <li>
                                <p class="d">05</p>
                                <p class="ym">2018-05</p>
                            </li>
                            <li class="curr">
                                <p class="d">06</p>
                                <p class="ym">2018-05</p>
                            </li>
                            <li>
                                <p class="d">07</p>
                                <p class="ym">2018-05</p>
                            </li>
                            <li>
                                <p class="d">08</p>
                                <p class="ym">2018-05</p>
                            </li>
                        </ul>
                    </div>
                    <div class="right">
                        <img src="images/vadio-eg2.jpg">
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!--content end-->
    <!--footer atart-->
    <div id="footer">
        <div class="web_inner">
            <div class="float_l">
                <a href="javascript:;" class="float_l">2005-2018 © All Rights Reserved.</a>
            </div>
            <div class="float_r">
                <a href="javascript:;" class="float_l iconfont icon-iconfontdengluweibode5959"></a>
                <a href="javascript:;" class="float_l iconfont icon-weixin1"></a>
                <a href="javascript:;" class="float_l iconfont icon-qq"></a>
            </div>
            <i class="iconfont icon-huojian scrollTop"></i>
        </div>
    </div>
    <!--footer end-->
</body>
</html>